import Hall from '@/page/music-hall/index'
import Video from '@/page/music-video/index'
import Radio from '@/page/music-radio-station/index'
import Concentration from '@/page/music-hall/hall-concentration/index'
import Anking from '@/page/music-hall/hall-anking/index'
import AudioStation from '@/page/music-hall/hall-audio-station/index'
import NotFound from '@/components/not found/index'
import Playerlist from '@/page/music-playlist-detail/index'
import PlayeMV from "@/components/page-mv/index"
import Search from "@/components/app-search/index"
import SongSheet from '@/page/music-hall/hall-songsheet/index'
import Singer from '@/page/music-hall/hall-singer/index'
import RecentPlays from '@/page/music-recent-plays/index'

const { Navigate } = require("react-router-dom");

const routes = [
    {
        path:"/",
        element:<Navigate to="hall"></Navigate>
    },
    {
        path:"/hall",
        element:<Hall/>,
        children:[
            {
                path:"/hall",
                element:<Navigate to="/hall/concentration"></Navigate>
            },
            {
                path:"/hall/concentration",
                element:<Concentration/>
            },
            {
                path:"/hall/anking",
                element:<Anking/>
            },
            {
                path:"/hall/audiostation",
                element:<AudioStation/>
            },
            {
                path:"/hall/songsheet",
                element:<SongSheet/>
            },
            {
                path:"/hall/singer",
                element:<Singer/>
            },
            {
                path:"*",
                element:<NotFound/>
            }
        ]
    },
    {
        path:"/radio",
        element:<Radio/>
    },
    {
        path:"/video",
        element:<Video/>
    },
    {
        path:"/playlistDetail/:id",
        element:<Playerlist/>,
        children:[
            {
                path:"*",
                element:<NotFound/>
            },
        ]
    },
    {
        path:"/playMV/:mv",
        element:<PlayeMV />,
    },
    {
        path:'/search/:msg',
        element:<Search/>
    },
    {
        path:"/RecentPlays",
        element:<RecentPlays/>
    },
    {
        path:"*",
        element:<NotFound/>
    }
]

export default routes